body {}
h1 {margin-bottom: 5px;}

nav {margin: 40px; height: 40px; display: block;}
nav ul {list-style-type: none; margin-left: 170px; display: inline-block; height: 100%;}
nav li {display: inline; margin: auto 20px;}
nav li a {text-decoration: none; font-weight: bold;}
nav li a.active {background: orange;}
/*nav li a:hover {background: burlywood; font-weight: bolder; color: white;}*/
 
#filters ul {list-style-type: none; margin-left: 170px; display: inline-block; height: 100%;}
#filters li {display: inline; margin: auto 20px;}
#filters li a {text-decoration: none; font-weight: bold;}
#filters li a.active {background: grey;}

#sidebar {display: table; width: 170px; height: 1000px; float: left; margin-top: 5px; margin-right: 4px; margin-left: 10px; 
          border: 1px solid black;}
/*#sidebar ul {position: relative; alignment-adjust: central;}*/
#sidebar li {list-style-type: none;}
#sidebar a {text-decoration: none; font-weight: bold; color: black;}
/*#sidebar a:hover {background: burlywood;}*/
.rtl {direction: rtl;}
.rtl ul {margin-right: 1px;}


#cdrs {margin: 0 auto; table-layout: fixed; position: relative;}
tr.altcolor {background: gainsboro;}
table, th, td {border: 1px solid black; border-collapse: collapse;} 
td, th {text-align: center; vertical-align: central; /*padding: 3px 6px;*/}
#cdrs .cdr_id {width: 10px;}
#cdrs .ocg, #cdrs .ocd {width: 100px;}
#cdrs .clock_org, #cdrs .clock_con {width: 200px; /*min-width: 180px; max-width: 180px;*/}
#cdrs .duration {width: 150px;}
#cdrs .money {width: 100px;}
